<!DOCTYPE html>
<html class="no-js" lang="en">
	<head>	
		<meta charset="utf-8">
		<title>INFINI | 映纷创意</title>
		<meta name="description" content="An example from the book, 'Responsive Web Design with HTML5 and CSS3' by Ben Frain">
			<meta name="viewport" content="width=device-width">
			<meta name="theme-color" content="#ff9900">
		<link rel="stylesheet" href="css/style.css">
				<link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
   
        </style>
	</head>
	<body>
		 <div class="head_wrap">
		 				<div class="head">
		<img src="img/title2.png" alt="" class="logo">
		 					<div class="bar">
		 						<ul>
		 						<li>HOME</li>
		 						<li>WORK</li>
		 						<li>CONTACT</li>
		 						<li>JOIN US</li>
		 							</ul>		
											
				</div>
									</div>
								</div>
		<div class="wrap">
						<div class="center">
							<div class="swiper">	
			 <div class="device">
			<div class="swiper-container">			
			<div class="swiper-wrapper">
			<div class="swiper-slide">
			<img src="./img/bird.jpg"/>
												</div>	
									</div>
								</div>					
                  <div class="pagination"></div>
								<div class="message">
						<p>OPPO Reno2</p>
									</div>
									</div>
						<p class="swiper_p">		
			INFINI （映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。
								</p>
							<div class="parner">	
														            <span><img src="img/perfer.jpg" alt></span>
																	<span><img src="img/perfect%20world.jpg" alt></span>
																	<span><img src="img/s.jpg" alt></span>
																	<span><img src="img/toutiao.jpg" alt></span>
																	<span><img src="img/oppo.jpg" alt></span>
																	<span><img src="img/qq.jpg" alt></span>
																	<span><img src="img/youku.jpg" alt></span>
																	<span><img src="img/uc.jpg" alt></span>
																	<span><img src="img/lianjia.jpg" alt></span>
																	<span><img src="img/douyin_logo.jpg" alt></span>
																	<span><img src="img/alibaba.jpg" alt></span>
																	<span><img src="img/huawei.jpg" alt></span>
																	<span><img src="img/douban.jpg" alt></span>
																	<span><img src="img/leshi.jpg" alt></span>
																					</div>	
																					</div>

								<div class="content">
												<div class="con"style="">
																									<div class="work" style="height: 54px;">
																										<div class="work_wrap" style="height: 54px;">
																						
																										</div>
																									</div>
								<img src="img/toutiao%20women.jpg" alt="">
																					<p>今日头条年度盛典</p>
																					</div>
																					<div class="con con2"style="">
																																	
																																
																																	<div class="work" style="height: 54px;">
																																		<div class="work_wrap" style="height: 54px;">
																																			
																																		</div>
																																	</div>
																					
																					<img src="img/man.jpg" alt="">
																																	<p>宝洁逆转沙漏</p>
																					</div>
								<div class="con"style="">
																			
																				<div class="work" style="height: 54px;">
																					<div class="work_wrap" style="height: 54px;">
																						
																					</div>
																				</div>
																				
																				<img src="img/tuweitiantu.jpg" alt="">
																				<p>中国抖有味道</p>
																					</div>
								<div class="con"style="">
																				<div class="work" style="height: 54px;">
																					<div class="work_wrap" style="height: px;">
																						
																					</div>
																				</div>
																				
																				<img src="img/renzhe.jpg" alt="">
																				<p>火影忍者</p>
																					</div>
																					<div class="con con2"style="">
																																	<div class="work" style="height: 110px;">
																																		<div class="work_wrap" style="height: 110px;">
																																			
																																		</div>
																																	</div>
																																
																																	<img src="img/star.jpg" alt="">
																																	<p>腾讯WE大会</p>
																																		</div>
								<div class="con"style="">
																				<div class="work" style="height: 110px;">
																					<div class="work_wrap" style="height: 110px;">
																						
																					</div>
																				</div>
																				
																				<img src="img/R17.jpg" alt="">
																				<p>OPPO R17系列</p>
																					</div>
																					<div class="con"style="">
																																	<div class="work" style="height: 110px;">
																																		<div class="work_wrap" style="height: 110px;">
																																			
																																		</div>
																																	</div>
																																	
																																	<img src="img/many%20people.jpg" alt="">
																																	<p>贝壳找房</p>
																																		</div>
																																<div class="con con2"style="">
																																	<div class="work" style="height: 110px;">
																																		<div class="work_wrap" style="height: 110px;">
																																			
																																			
																																		</div>
																																	</div>
																																	
																																	<img src="img/bike.jpg" alt="">
																																	<p>青桔单车</p>
																																		</div>
																																<div class="con"style="">
																																<div class="work" style="height: 110px;">
																																		<div class="work_wrap" style="height: 110px;">
																																			
																																		</div>
																																	</div>
																																	
																																	<img src="img/deer.jpg" alt="">
																																	<p>敦煌数字供养人</p>
																																		</div>
																																
																																			</div>
								<div class="footer">
																									<div class="footer_left">
																										<div class="link">
																											
																											<img src="img/D.jpg" alt="">
																											<img src="img/fire.jpg" alt="">
																											<img src="img/weibo.jpg" alt="">
																										</div>
																									</div>
																									<div class="footer_right">
																																											<div class="contact">
																																												<div class="contact_logo"><img src="img/infini.jpg" alt=""></div>
																																												<p>INFINI | 映纷创意</p>
																																												<p>北京市朝阳区懋隆创意园</p>
																																												<p>TEL : 010-85394331</p>
																																												<p>QQ : 7585917</p>
																																												<p>Email : infinistudio@foxmail.com</p>
																																												<p>weibo : @InfiniStudio</p>
																																											</div>
																																										</div>
																																									</div>
																																								</div>
								
								
	</body>
</html>